<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<script type="text/javascript" src="../JS/jquery-ui-1.8.4.custom/js/jquery-1.4.2.min.js"></script>
<link type="text/css" href="../CSS/TeamCalendar.css" rel="stylesheet" />

<title>Register</title>

<!-- Login -->
<script type="text/javascript">
  $(function() {
	$('.loginBtn').click(function() {
		document.forms["form"].submit();
	});
  });
</script>

<!-- Input Fields -->
<script type="text/javascript">
$('.defaultval').live('focus', function(){
  $(this).removeClass('default');
  if($(this)[0].defaultValue == $(this).val())
  {
    $(this).val('');
  }
}).live('blur', function(){
  if($(this).val() == '')
  {
    $(this).val($(this)[0].defaultValue);
    $(this).addClass('default');
  }
}).addClass('default');
</script>

</head>

<body class="body">
	<div class="mainContainer">
    	
        <div class="topContainer">
        	<div class="profileImage"></div>
        </div>
        
        <div class="mainMenuContainer">
            <div class="goBackBtn"><a href="../TeamCalendar.html">Back</a></div>
        </div>
        
        <!--Login Container-->
        <div class="loginContainer">
        	
            <div class="loginContent">
            
                <div class="loginHeader">
                  <div class="loginInput">
                      <form name="form" method="post" action="/Register.do">
                      	<div class="loginName">Name</div>
                  		<div id="textLimit2">20</div>
                        <div><input id="postLink" tabindex="2" type="text" value="Name" name="userName"/></div>
                      	<div class="loginPassword">Password</div>
                  		<div id="textLimit2">10</div>
                      	<div><input id="postLink" tabindex="2" type="password" value="******" name="userPassword1"/></div>
                       	<div class="loginPassword">Repeat Password</div>
                  		<div id="textLimit2">10</div>
                      	<div><input id="postLink" tabindex="2" type="password" value="******" name="userPassword2"/></div>
                       	<div class="loginAdministrator">
							<div><label for="checkbox">Leader</label>
                      		<input id="checkbox" tabindex="2" type="checkbox" value="true" name="userAdministrator"/></div>
                      	</div>
                      </form>
                  </div>
                </div>
                
            	<div class="loginFooter">
                  <div class="loginBtn"></div>
           		</div>
                
            </div>
        </div>
    </div>
</body>
</html>
